<template>
  <div id="app">
    <div class="header">
      <img src="@/projects/invoice/common/img/title_bg.png" width="100%" />
      <div class="title">
        <img
          src="@/projects/invoice/common/img/titlebigtou_img.png"
          width="100%"
        />
      </div>
      <contactService class="contact-service"></contactService>
    </div>
    <router-view ref='showStep' class="content"/>
    <!-- <a class="meimeiPhone" href="tel:952014">客服热线:952014</a> -->
    <div class="bottom-tip">
      <div class="fz-12 mb-10"><span @click="goOrder" class="fz-14 c-4387fb cs-p">点击这里</span>，查询订单~</div>
      <div class="fz-12">如有疑问可点击页面右上方进入在线咨询~</div>
    </div>
    <sabber/>
  </div>
</template>
<script>
import sabber from '@/projects/invoice/layout/sabber'
import contactService from '@/projects/invoice/components/contactService'
import { goOrder } from '@/utils/url'
export default {
  data(){
    return{
    }
  },
  created() {
  },
  components:{
    sabber,
    contactService,
  },
  methods:{
    goOrder() {
      goOrder()
    },
  }
}
</script>

<style lang="scss" scoped>
@import "@/projects/invoice/style";
#app {
  padding: 0;
  margin: 0;
  height: 100%;
  font-size: 100px;
  background: #f5f4f9;
}
.header {
  position: relative;
  height: 107px;
  .title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .morerule{
    height: 16px;
    width: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .contact-service {
    position: absolute;
    right: 15px;
    top: 15px;
  }
}
.backRouter{
  font-size: 20px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.meimeiPhone{
  position: fixed;
  bottom: 45px;
  left: 50%;
  font-size: 14px;
  color: #666;
  transform: translate(-50%,-50%);
}
.bottom-tip {
  position: fixed;
  bottom: 55px;
  width: 100%;
  text-align: center;
  color: #999;
}
.content {
  position: relative;
  height: 75%;
  border-radius: 15px 15px 0 0;
  background: #fff;
  margin: auto;
  margin-top: -.5rem;
  width: 95%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
</style>
